
@mixin flex{
	display: flex;
}

@mixin flex_center{
	@include flex;
	justify-content: center;
	align-items: center;
}

.titleBox{
    position: relative;
    flex-shrink: 0;
    background-image: url('/@/assets/index/titbj.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: bottom center;
    width: 100%;
    height: 70px;
    z-index: 10;
    margin:0;
    @include flex_center;
    .text{
        font-weight: bold;
        color: #44a6ff;
        background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#fff), to(#56a4ff));
        font-size: 40px;
        -webkit-background-clip: text;
        background-clip: text;
        -webkit-text-fill-color: transparent;
        letter-spacing: 2px;
        margin-bottom: 12px;
    }
    
}